<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Demo: Simple Document Management</title>
		<meta charset="utf-8"/>
		
		<title>Demo: Sample document management</title>

		<link rel="stylesheet" href="style.css" media="screen"/>
		<link rel="stylesheet" href="demo.css" media="screen"/>
		<link rel="stylesheet" href="./css/application.css" media="screen"/>


        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/resources/dojo.css" media="screen">
		<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dijit/themes/soria/soria.css" media="screen">
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojox/grid/resources/Grid.css" media="screen">
		<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojox/grid/resources/soriaGrid.css" media="screen">
		<!-- load dojo and provide config via dojoConfig global -->
		<script>
			var dojoConfig = (function(){
				var base = location.href.split("/");
				base.pop();
				base = base.join("/");
				
				return {
					async: true,
					isDebug: true,
					parseOnLoad: true,
					packages: [{
						name: "ecm",
						location: base + "/js/ecm",
						main: "app"
					}],
					flickrRequest: {
						apikey: "8c6803164dbc395fb7131c9d54843627",
						sort:[{
							attribute: "datetaken",
							descending: true
						}]
					}
				};
			})();
		</script>
		
		
	    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.7.2/dojo/dojo.js"
	        data-dojo-config="async: true"></script>
		
		<script>

		require(["ecm/app", "dojo/ready"], function(demoApp,ready) {
	        require(["dijit/Dialog","dijit/Tree",
	     	        "dijit/tree/TreeStoreModel",
	     	        "dijit/layout/ContentPane",
	     	        "dijit/form/Form",
	     	        "dijit/form/ValidationTextBox"], function(dialog,tree,model,pane,form){
	            ready(function(){
	                // dijit.Dialog and friends are ready, create one from a node with id="bar"
	                //var dialog = new dialog({ title:"Lazy Loaded" }, "bar");
					demoApp.init();
					console.debug("loaded easy ecm application");
	            });
	        });
		});
		</script>
	</head>
	<body class="soria" role="application">
		
		<!-- overlay -->
		<div id="loadingOverlay" class="pageOverlay">
			<div class="loadingMessage">Loading...</div>
		</div>
		
			<div id="appLayout" class="demoLayout" data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design: 'headline'">
				<!-- toolbar with new mail button, etc. -->
				<div dojoType="dijit.Toolbar" region="top">
						Top
				</div>
				<div dojoType="dijit.layout.TabContainer" id="tabs" jsId="tabs" region="center">
					<!-- main section with tree, table, and preview -->
					<div dojoType="dijit.layout.BorderContainer" id="inbox" title="Inbox" design="sidebar">
						
						<div dojoType="dijit.layout.AccordionContainer" id="accordion"	region="leading" minSize="20" style="width:20%;" splitter="true">
							<div dojoType="dijit.layout.ContentPane" title="Folders">
								<!-- message preview pane -->
								<div id="message2" dojoType="dijit.layout.ContentPane" tabindex="0" region="center" role="document" aria-live="assertive" aria-atomic="true" minSize="20">
									<!-- Tree definition -->
									<div dojoType="dojo.data.ItemFileReadStore" jsId="sysConfigTreeStore"
										url="secMenu.json" urlPreventCache="true"></div>
										
									<div dojoType="dijit.tree.TreeStoreModel" jsId="sysConfigTreeModel"
						        		store="sysConfigTreeStore" query="{itemId:'root'}">
						        	</div>
						        	<div data-dojo-type="dijit.Tree" id="sysConfigTree" model="sysConfigTreeModel" showRoot="false" autoExpand="true">
						        		Loading.......
							
							       	</div>	
						        	
								</div> <!-- end of "message" -->
							</div>

						</div>  <!-- end of Accordion -->
						

						<!---Content pane-->

						<div id="secConfigContentStack" dojoType="dijit.layout.StackContainer"		 region="center" class="ContentPane">

							<!-- begin users pane -->
							<div id="scUserMgmt" dojoType="dijit.layout.ContentPane" tabindex="0" region="center" role="document" aria-live="assertive" aria-atomic="true" minSize="20"
								loadingMessage="Loading Modules" href="./pages/security/user.html">
							</div>
							
							<!-- begin users pane -->
							<div id="scGroupMgmt" dojoType="dijit.layout.ContentPane" tabindex="0" region="center" role="document" aria-live="assertive" aria-atomic="true" minSize="20"
								loadingMessage="Loading Modules" href="./pages/security/groupManagement.jsp">
							</div>
																	
						</div>
		

		
					</div> <!-- end of inbox -->
					
					<div dojoType="dijit.layout.BorderContainer" title="Contacts">
							<div id="userContentPane3" dojoType="dijit.layout.ContentPane" tabindex="0" region="center" role="document" aria-live="assertive" aria-atomic="true" minSize="20">

									<button id="idbutton1" dojoType="dijit.form.Button" iconClass="dijitEditorIcon dijitEditorIconCut"
									showLabel="false" type="button">cut</button>
							</div>
					</div>
		
				</div> <!-- end of TabContainer -->

		<div dojoType="dijit.layout.ContentPane" region="bottom" id="footer" align="left">
			<span style="float:right;">EasyEcm v1.2 (demo only)</span>
			<div id="fetchMail" style="opacity:0;visibility:hidden">
				<div id="fakeFetch" dojoType="dijit.ProgressBar" style="height:15px; width:275px;" indeterminate="true" ></div>
			</div>
			
			<!-- ===============Common dialog =================== -->
			<div id="commonDialogs" style="display: none;" dojoType="dijit.layout.ContentPane"  href="./pages/common/dialogs.html">
			</div>		
			
		</div> 

		</div>
	</body>
</html>
